<template>
    <div class=''>
        <!-- <button @click="add">+1</button>
        {{ num }} -->
        我是子组件1{{ msg }}---{{ msg1 }}
    </div>
</template>

<script>
export default {
    props: {
        msg: {
            type: String,
            require: true
        },
        msg1: {
            type: String,
            require: true
        }
    },
    data() {
        return {
            num: 1
        };
    },
    created() {

    },
    mounted() {

    },
    methods: {
        add() {
            this.num++
        }
    },
};
</script>

<style lang='scss' scoped>
.v-enter,
.v-leave-to {
    opacity: 0;
    transform: translatex(30px);
}

.v-enter-active,
.v-leave-active {
    position: absolute;
    transition: all 0.3s ease;
}
</style>